<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="css/jquery.fullPage.css">
  <link rel="stylesheet" href="css/memories.css">
</head>

<body>
  <!-- 背景音乐 -->
  <div style="display:none">
    <!-- 网易云外链 -->
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
      src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"></iframe>
  </div>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">一转眼，我们在一起已经快七年了</p>
            <p class="ly-stxt02">这七年里，发生了太多太多的事情</p>
            <p class="ly-stxt03">有欢笑，有泪水，有幸福，也有难过</p>
            <p class="ly-stxt04">但不管怎样，我们依然幸福地在一起</p>
            <p class="ly-stxt05">我也真心希望我们的幸福能永远延续下去</p>
          </div>
          <div class="ly-txt02">
            <p class="ly-stxt06">在你生日这天，我打着学习的名号</p>
            <p class="ly-stxt07">火急火燎地做了一个只属于你的网页</p>
            <p class="ly-stxt08">虽然这个网页十分单调、丑陋、无趣</p>
            <p class="ly-stxt09">但我希望你能从中感受到我对你的爱和重视</p>
            <p class="ly-stxt10">因为说实话，如果没有你，我的世界都是灰色的</p>
          </div>
        </div>
      </div>

      <!--第二屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11">
            2017-06-28
          </div>
          <div class="ly-txt12">
            今天我们在一起啦～
          </div>
          <div class="ly-imgbox11">
            <img class="ly-img11" src="img/20170628.jpeg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt14">
            <p>我还记得每次我问你我们什么时候在一起的</p>
            <p>你都会给我编一个日子，还说得信誓旦旦地</p>
            <p>咱就是说，姑且当作你记忆力不如我吧</p>
            <p>但是这个日子对我来说,真的特别特别重要</p>
            <p>因为，我就是从这一天开始才知道了</p>
            <p>幸福是什么</p>
          </div>
        </div>
        <div class="ly-triangle12"></div>
      </div>

      <!--第三屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box11">
          <div class="ly-txt11">
            2021-03-29
          </div>
          <div class="ly-txt12">
            <p>我们买了一个冰淇淋生日蛋糕！</p>
          </div>
          <div class="ly-imgbox11">
            <img class="ly-img11" src="img/20210329.jpg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt14">
            <p>说来惭愧，在这之前，我从来没有给你过过生日</p>
            <p>可能我从小就不怎么过生日，所以之前并没有特别重视</p>
            <p>这一年应该是我们第一次认真为你挑选了蛋糕</p>
            <p>这天我真的很开心，甚至比过生日的你还要开心</p>
            <p>这个蛋糕也是我吃过的最好吃的蛋糕，没有之一</p>
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第四屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box11">
          <div class="ly-txt11">
            2022-12-11
          </div>
          <div class="ly-txt12">
            <p>我们家来了一个新成员～</p>
          </div>
          <div class="ly-imgbox11">
            <img class="ly-img11" src="img/20221211.png">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt14">
            <p>还记得那天天很冷，我们原本是打算去花市看狗狗的</p>
            <p>结果路过一家卖仓鼠的小店之后</p>
            <p>我盯上了玻璃罩里的金丝熊</p>
            <p>某人破天荒地问我：“你想养一只仓鼠吗？”</p>
            <p>我当然想养！于是我开始挨家挨户，精心挑选</p>
            <p>咱先不管中间某人是怎么劝我别养的</p>
            <p>咱就说Lucky可不可爱就完事儿了！</p>
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第五屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box11">
          <div class="ly-txt11">
            2023-06-20
          </div>
          <div class="ly-txt12">
            <p>我们那按耐不住的，躁动的，养萨摩耶的心啊～</p>
          </div>
          <div class="ly-imgbox11">
            <img class="ly-img11" src="img/20230620.jpeg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt14">
            <p>再后来，我们认识了七七</p>
            <p>这不巧了吗，我们一直就想养个萨摩来着</p>
            <p>没想到这小狗子自己主动给咱送上门了</p>
            <p>哎，养只狗真好啊，幸福感拉满（除了掉毛）</p>
            <p>其实这个时候我已经下定决心</p>
            <p>以后我们一定要养一只萨摩了</p>
            <p>狗毛满天飞的问题我会想办法解决的</p>
            <p>大不了每天都挨顿骂呗～为了圆梦，我能行</p>
            <p>其实冥冥中，我早有预感</p>
            <p>有一只还没出生的小萨摩，在召唤着我们～</p>
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>


      <!--第六屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box11">
          <div class="ly-txt11">
            2023-2024
          </div>
          <div class="ly-txt12">
            <p>旅游！旅游！旅游！</p>
          </div>
          <div class="ly-imgbox11">
            <img class="ly-img11" src="img/travel.jpg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt14">
            <p>再再后来，我们借着出去开会的名义，开启了旅游大计</p>
            <p>厦门，长沙，南昌，成都...</p>
            <p>只要是有美食的地方，就一定有我们的足迹</p>
            <p>现在想想，虽然有时我们也会在天南海北吵上一架</p>
            <p>但最终印在我心底久久不能忘却的</p>
            <p>全都是那点点滴滴的美好和幸福瞬间</p>
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第七屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box11">
          <div class="ly-txt11">
            I love you
          </div>
          <div class="ly-txt12">
            <p>我超爱你的！</p>
          </div>
          <div class="ly-imgbox11">
            <img class="ly-img11" src="img/photo.jpg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt14">
            <p>虽然我可能每到发论文前的一两个月就忙得晕头转向</p>
            <p>但我希望你一定不要忘了</p>
            <p>你在我心里永远都是排在第一位的</p>
            <p>往后的日子还很长，我决定要好好整理和记录我们生活中的点点滴滴</p>
            <p>等我们有了孩子，我们也把这些分享给她</p>
            <p>让她深刻认识到，她只是个意外，我们才是真爱！</p>
            <p>求求老天爷，让我们生个小姑娘吧！</p>
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>



    </div>

    <!--动态方块-->
    <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>

  </div>
  <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->

  <script src="js/jquery-2.1.1.min.js"></script>
  <script src="js/jquery.fullPage.min.js"></script>
  <!-- <script src="js/auto-play.js"></script> -->
  <script src="js/memories.js"></script>
</body>

</html>
